Ext.namespace('pages.p2p.khxx.query');

pages.p2p.khxx.query.Main = function(config) {
	Ext.apply(this, config);
	this.initUIComponents();
	pages.p2p.khxx.query.Main.superclass.constructor.call(this);
};

Ext.extend(pages.p2p.khxx.query.Main, Ext.Panel, {
	/**
	 * 构造函数
	 */
	initUIComponents : function() {

		this.queryForm = new Ext.form.FormPanel({
			layout : 'column',
			region : 'north',
			labelWidth : 100,
			labelAlign : 'right',
			autoHeight : true,
			border : false,
			frame : false,
			items : [ {
				columnWidth : 1,
				height : 10,
				border : false
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : '用户名',
					name : 'USER_NAME',
					id : 'USER_NAME',
					anchor : '96%',
					xtype : 'textfield'
				} ]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : '手机号码',
					name : 'SJHM',
					id : 'SJHM',
					anchor : '96%',
					xtype : 'textfield'
				} ]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : '客户姓名',
					name : 'KHXM',
					id : 'KHXM',
					anchor : '96%',
					xtype : 'textfield'
				} ]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : '身份证号码',
					name : 'SFZHM',
					id : 'SFZHM',
					anchor : '96%',
					xtype : 'textfield'
				} ]
			} ]
		});

		var comboRegions = {}; // 1.定义一个对象
		function getComboRegions(field) {
			if (field == null) {
				field = 'region';
			}
			if (!comboRegions[field]) { // 2. a.这里又怎么是数组？（有点不明白……）
				// b.第一次判断条件是真，执行if包含的代码块；第二次为假~
				var storeRegions = new Ext.data.SimpleStore({
					fields : [ {
						name : 'key'
					}, {
						name : 'value'
					} ]
				});
				storeRegions.loadData(regions);
				comboRegions[field] = new Ext.form.ComboBox({
					typeAhead : true,
					editable : false,
					fieldLabel : '区域',
					lazyRender : true,
					triggerAction : 'all',
					mode : 'local',
					hiddenName : field,
					store : storeRegions,
					valueField : 'key',
					displayField : 'value',
					/* VAR */
					emptyText : '请选择',
					allowBlank : false
				});
			}
			return comboRegions[field];
		}
		;

		this.store = new Ext.data.Store({
			proxy : new Ext.data.HttpProxy({
				url : ExtJ.getActionPath('khxx/querykhxx.do')
			}),
			remoteSort : true,
			reader : new Ext.data.JsonReader({
				root : 'data',
				totalProperty : 'total',
				id : 'ID'
			}, [ {
				name : 'xm',
				mapping : 'xm'
			}, {
				name : 'khxm',
				mapping : 'khxm'
			}, {
				name : 'sjhm',
				mapping : 'sjhm'
			}, {
				name : 'sfzhm',
				mapping : 'sfzhm'
			} ])
		});

		var sm = new Ext.grid.CheckboxSelectionModel({
			singleSelect : true
		});
		var cm = new Ext.grid.ColumnModel([ sm, new Ext.grid.RowNumberer(), {
			header : '业务员姓名',
			width : 150,
			sortable : true,
			dataIndex : 'xm'
		}, {
			header : '手机号码',
			width : 150,
			sortable : true,
			dataIndex : 'sjhm'
		}, {
			header : '客户姓名',
			width : 150,
			sortable : true,
			dataIndex : 'khxm'
		}, {
			header : '身份证号码',
			width : 150,
			sortable : true,
			dataIndex : 'sfzhm'
		}

		]);

		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
			id : 'grid',
			region : 'center',
			store : this.store,
			border : true,
			frame : false,
			viewConfig : {
				autoFill : false,
				forceFit : false,
				focusRow : function() {
					return;
				},
				getRowClass : function(record, rowIndex, rowParams, store) {
					if (record.get("TOP_LEVEL") == "1") {
						return 'ux-grid-record-onTop';
					}
				}
			},
			sm : sm,
			cm : cm,
			tbar : [ {
				id : 'query',
				iconCls : 'query',
				text : '查询',
				handler : this.onQuery.createDelegate(this)
			}, '-', {
				id : 'reset',
				iconCls : 'reset',
				text : '重置',
				handler : this.onReset.createDelegate(this)
			}, '-', {
				id : 'view',
				iconCls : 'view',
				text : '查看',
				handler : this.onView.createDelegate(this)
			} ],
			bbar : new Ext.PagingToolbar({
				pageSize : pageSize,
				store : this.store,
				displayInfo : true,
				displayMsg : '当前显示第 {0} - {1} 条 / 共 {2} 条',
				emptyMsg : "没有记录"
			})
		});

		Ext.apply(this, {
			closeAction : 'close',
			layout : 'border',
			border : false,
			listeners : {
				'render' : this.initData.createDelegate(this)
			},
			items : [ this.queryForm, this.grid ]
		})
	},

	initData : function() {
		this.onQuery();
	},

	onReset : function() {
		this.queryForm.getForm().reset();
	},

	onQuery : function() {
		this.store.baseParams.user_name = Ext.getCmp('USER_NAME').getValue();
		this.store.baseParams.sjhm = Ext.getCmp('SJHM').getValue();
		this.store.baseParams.khxm = Ext.getCmp('KHXM').getValue();
		this.store.baseParams.sfzhm = Ext.getCmp('SFZHM').getValue();

		Ext.getBody().mask("正在查询,请稍候...");
		this.store.reload({
			params : {
				start : 0,
				limit : pageSize
			},
			callback : function() {
				Ext.getBody().unmask(true);
			}
		});
	},
	onView : function() {
		var isClick = this.grid.getSelectionModel().getSelected();
		if (isClick) {
			var win = new pages.p2p.khxx.query.View({
				infos : isClick
			});
			win.show();
		} else {
			Ext.Msg.alert("提示", "请选择一条记录", function() {
				return;
			});
		}
	}
});